import React, { Component } from 'react';

export default class FooterLinks extends Component {
  static displayName = 'FooterLinks';

  static propTypes = {};

  static defaultProps = {};

  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <div className="footer-box" style={styles.footerBox}>
        <div className="footer-box-content" style={styles.footerBoxContent}>
          <div className="footer-clearfix" style={styles.footerClearfix} />          
            <ul className="footer-box-content-ul" style={styles.footerBoxContentUl}>
               <li  className="footer-box-content-li"   style={styles.footerBoxContentLi}>
                  <div  className="footer-box-content-name" style={styles.footerBoxContentName}>
                    <div style={styles.footerBoxTitleName}>
                         Newegg Inc.
                     </div>
                     <div>
                        <p style={styles.footerBoxFontSize}>Newegg Inc. is a leading online retailer committed to becoming the most loved and trusted marketplace on the web. We tirelessly pursue these goals by offering a superior shopping 
                           experience, rapid delivery and stellar customer service.
                        <a href="https://www.newegg.com" target="_blank">www.newegg.com</a></p>
                     </div>
                  </div>
               </li>
               <li  className="footer-box-content-li"   style={styles.footerBoxContentLi}>
                 <div  className="footer-box-content-name" style={styles.footerBoxContentName}>
                       <div style={styles.footerBoxTitleName}>
                            Attention Vendors
                       </div>
                       <div>
                       <p style={styles.footerBoxFontSize}>Thank you for using Newegg Vendor Portal. For any comments, suggestions or if you are experiencing any technical issues, please contact us at Newegg Vendor Portal Support team: 
                       vendortechsupport@newegg.com</p>
                       <a href="mailto:vendortechsupport@newegg.com">vendortechsupport@newegg.com</a>
                      </div>
                  </div>
               </li>
               <li  className="footer-box-content-li"   style={styles.footerBoxContentLi}>
                  <div  className="footer-box-content-name" style={styles.footerBoxContentName}>
                    <div style={styles.footerBoxTitleName}>
                          Newegg Logistics
                    </div>
                    <div>
                    <p style={styles.footerBoxFontSize}>Newegg Logistics is a division of Newegg dedicated to providing world-class logistics and supply chain solutions. Leveraging our network of warehouses and transportation capabilities,
                       we provide innovative e-commerce fulfillment and 3PL services for B2C and B2B operations for multiple market channels.</p>
                       <a href="https://www.newegglogistics.com/intro/" target="_blank">www.newegglogistics.com</a>
                   </div>
                </div>
               </li>
               <li  className="footer-box-content-li"   style={styles.footerBoxContentLi}>
                   <div  className="footer-box-content-name" style={styles.footerBoxContentName}>
                      <div style={styles.footerBoxTitleName}>
                            Contact Us
                      </div>  
                      <div>
                            <p style={styles.footerBoxFontSize}>17708 Rowland St, City of Industry</p>
                            <p style={styles.footerBoxFontSize}>CA 91748</p>
                            <p style={styles.footerBoxFontSize}>Phone: (626) 271-1420</p>
                            <p style={styles.footerBoxFontSize}>Fax: (626) 810-5351</p>
                            <p style={styles.footerBoxFontSize}>Email: <a href="mailto:VendorService@newegg.com">vendorservice@newegg.com</a></p>   
                      </div>
                  </div>
               </li>  
            </ul>
              <div style={styles.footerBoxCopyRight}>               
              <p>17708 Rowland St, City of Industry, CA 91748</p>
              <p>© 2000-2018 Newegg Inc. All rights reserved.</p>     
          </div>      
       </div>  
    </div>
      
    );
  }
}

const styles = {
  footerBox: {
    backgroundColor: '#272727',
    WebkitFontSmoothing: 'antialiased',
    fontFamily: 'Tahoma,arial,Hiragino Sans GB,Microsoft Yahei',
    lineHeight: '1.6',
    boxSizing: 'border-box',
    minWidth: '1280px',
  },
  footerBoxContent: {
    width: '1240px',
    margin: '0 auto',
    padding: '50px 0px 30px',
    boxSizing: 'border-box',
  },
  footerClearfix: {
    display: 'block',
    height: 0,
    boxSizing: 'border-box',
    clear: 'both',
  },
  footerBoxContentUl: {
    listStyle: 'none',
    margin: '0',
    padding: '0',
    boxSizing: 'border-box',
  },
  footerBoxContentLi: {
    listStyle: 'none',
    marginLeft: '0',
    boxSizing: 'border-box',
    float: 'left',
    width: '25%',
    paddingRight: '15px',
  },

  footerBoxContentName: {
    fontSize: '13px',
    color: '#FFFFFF',
    paddingBottom: '20px',
    boxSizing: 'border-box',
  },
  footerBoxTitleName: {
    display: 'block',
    fontSize: '16px',
    margin: '10px 0 25px',
    borderBottom: '1px dotted #e4e9f0',
    fontFamily: 'Open Sans,Arial,sans-serif',
    fontweight: '250',
  },
  footerBoxFontSize:{
    fontSize: '14px',
  },
  footerBoxCopyRight: {
    width: '100%',
    marginbottom: '2px',
    backgroundColor: '#272727',
    textAlign: 'center',
    color: '#eee',
    padding:'10px 0 5px',
    fontSize: '13px',
   },
};
